当前位置：flash8.0教程－基础教程

名称

《动态显示鼠标指针位置坐标》的制作过程

预览

《动态显示鼠标指针位置坐标》的制作方法

【实例说明】：

本例制作一个动态显示鼠标指针坐标动画的效果。

【操作步骤】：

一、制作背景

1. 新建一个文档，大小可按默认设置。双击“图层1”；将其命名为“背景层”；
2. 在“背景层”的第一帧，请参照下图，选择矩形工具,随意制作一个背景；如下图：

二、制作文字层

1. 单击时间轴上的添加新图层按钮，再添加一个新“图层2”；然后双击“图层2”将其命名为“文字层”；
2. 输入如图所示的文字“动态显示鼠标指针位置坐标”：

三、制作鼠标影片剪辑

1. 单击“插入”/“新建元件”；在名称后面输入“鼠标坐标”，选择“影片剪辑”；单击“确定”按钮进入该剪辑元件的编辑状态。
2. 选择第1帧，选中工具栏上的文本工具，参照下图输入如下文本信息（包括：“X坐标”、“Y坐标”）；

1. 制作上面的文本框：（1）选中工具栏上的矩形工具，在“X坐标”后面拖出一个填充色为白色的矩形框；（2）参照此方法，分别再在“Y坐标”后面也拖出如图的矩形框；
2. 添加两个文本框：（1）选中工具栏上的文本工具，打开属性面板；选择“输入文本”、字体颜色选红色；然后在“X坐标”后面的矩形框上面拖出一个大小相同的输入文本框；然后选中该输入文本框，在变量名中命名为“xposition”;(2) 选中工具栏上的文本工具，打开属性面板；选择“输入文本”、字体颜色选红色；然后在“Y坐标”后面的矩形框上面拖出一个大小相同的输入文本框；然后选中该输入文本框，在变量名中命名为“yposition”;
3. 单击时间轴上的添加新图层按钮，再添加一个新“图层3”；然后双击“图层3”将其命名为“剪辑层”；然后将刚刚制作好的“鼠标坐标”影片剪辑拖放到场景的舞台上；最终效果参见下图：

1. 选中该影片剪辑，打开动作面板，添加如下代码：

onClipEvent (mouseMove) {

//移动鼠标时

xposition = _xmouse;

yposition = _ymouse;

//使用_xmouse和_ymouse属性得到鼠标指针在舞台中的位置坐标.每个时间轴都有_xmouse和_ymouse属性来返回鼠标指针的位置坐标.

}

• 最后按“Ctrl+Enter”组合键测试影片。